
<div style="background-color: #f0f2f4; padding: 0.32rem;width: 5rem;">
  <lv-tabs [lvType]="'card'">
    <lv-tab [lvTitle]="'Tab 001'"><ng-container [ngTemplateOutlet]="contentTpl"></ng-container></lv-tab>
    <lv-tab [lvTitle]="'Tab 002'"></lv-tab>
    <lv-tab [lvTitle]="'Tab 003'"></lv-tab>
    <lv-tab [lvTitle]="'Tab 004'"></lv-tab>
    <lv-tab [lvTitle]="'Tab 005'" [lvDisabled]="true"></lv-tab>
    <lv-tab [lvTitle]="'Tab 006'"></lv-tab>
    <lv-tab [lvTitle]="'Tab 007'"></lv-tab>
  </lv-tabs>

  <ng-template #contentTpl>
    <div style="height: 1.50rem; background: #eaf0fa; margin-bottom: 0.24rem;"></div>
    <lv-tabs>
      <lv-tab [lvTitle]="'Tab 001'"></lv-tab>
      <lv-tab [lvTitle]="'Tab 002'"></lv-tab>
      <lv-tab [lvTitle]="'Tab 003'"></lv-tab>
    </lv-tabs>
    <div style="height: 1.50rem; background: #eaf0fa;"></div>
  </ng-template>
</div>

